<script setup lang="ts">
import { Badge } from "@/components/ui/badge"
</script>

<template>
    <div class="flex flex-col gap-2">
        <Badge>Badge</Badge>
        <Badge variant="secondary">
            Secondary
        </Badge>

        <Badge variant="outline">
            Outline
        </Badge>

        <Badge variant="destructive">
            Destructive
        </Badge>

          <Badge variant="success">
            Destructive
        </Badge>
    </div>
</template>